<template>
    <div class="mmv-loadmore">
        <mmvButton :class="[
            nomore ?  'mmv-loadmore__nomore' : 'mmv-loadmore__btn'
        ]">{{ nomore ? '没有更多数据了' : '点击加载更多' }}</mmvButton>
    </div>
</template>

<script>
import mmvButton from "@/components/mmv-button.vue";

export default {
    components: {
        mmvButton,
    },
    props: {
        nomore: false,
    },
};
</script>

<style lang="less">
.mmv-loadmore__btn .mmv-button__button,
.mmv-loadmore__nomore {
    color: #ccc;
    font-size: 16px;
}

.mmv-loadmore__btn .mmv-button__button {
    color: #4cc3ff;
    padding: 10px 0;
}

.mmv-loadmore--loading .mmv-loadmore__btn .mmv-button__button {
    color: #666;
}

.mmv-loadmore-scroll.mmv-loadmore--loading
    .mmv-loadmore__btn
    .mmv-button__button,
.mmv-loadmore-scroll .mmv-loadmore__btn .mmv-button__button {
    color: #ccc;
}
</style>